<template>
  <el-dialog
      :visible.sync="visible"
      width="54%"
      :before-close="handleClose">
      <div slot="title" style="font-size: 14px;font-weight: 500;">
        任务详情<span style="margin-left: 8px;font-size: 12px; color: rgba(0, 0, 0, 0.45); font-weight: normal;">仅展示最近1个月内的记录</span>
      </div>
      <div class="accept-container">
        <div class="dialog-head">
          <el-radio-group v-model="status" size="small">
            <el-radio-button label="待接受"></el-radio-button>
            <el-radio-button label="已接受"></el-radio-button>
            <el-radio-button label="已过滤"></el-radio-button>
            <el-radio-button label="已失败"></el-radio-button>
          </el-radio-group>
          <el-input class="search-input" size="small" placeholder="搜索昵称" suffix-icon="el-icon-search" style="width: 200px;"/>
        </div>
        <el-table
          :data="tableData"
          style="width: 100%">
          <el-table-column
            prop="task_status"
            label="名称"
            >
          </el-table-column>
          <el-table-column
            prop="option"
            label="	请求时间"
          >
          </el-table-column>
          <template slot="empty">
            <TableEmpty />
          </template>
        </el-table>
      </div>
    </el-dialog>
</template>
<script>
export default {
  data() {
    return {
      status: '',
      tableData: []
    }
  },
  props: ['visible'],
  methods: {
    onClose() {
      this.$emit('handCloseDialog');
    }
  },
}
</script>
<style lang="scss" scoped>
.accept-container{
  .dialog-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
  }
  .company-account {
    display: flex;
    align-items: center;
    .account-cover {
      width: 40px;
      height: 40px;
    }
    .account-info {
      margin-left: 8px;
      .name {
        font-size: 14px;
        line-height: 22px;
        color: #222333;
      }
      .desc {
        color: #f08b00;
        line-height: 22px;
      }
    }
    .accept-account {
      font-size: 14px;
      line-height: 22px;
    }
  }
}
</style>